<template>
  <div class="social-container">
    <div class="app-container">
      <h2>
        社保
      </h2>
      <input v-model="msg" type="text">
      <hr>
      <!-- v-model是怎么实现的? :value + @input 组合实现 v-model指令的效果-->
      <input type="text" :value="msg" @input="changeMsg">
    </div>
  </div>
</template>

<script>
export default {
  name: 'Social',
  data() {
    return {
      msg: '哈哈'
    }
  },
  methods: {
    changeMsg(e) {
      // console.log(e.target.value)
      this.msg = e.target.value
    }
  }
}
</script>

<style>

</style>
